<template>
  <div id="exprotSy">
    <HeaderBg>
      <Headers :title="$t('settings.exportSy.title')"/>
    </HeaderBg>
    <input type="text" v-model="payPwd" :placeholder="$t('settings.changePwds.payPwd') + '：'">
    <div class="nextBtn" @click="nextBtn">{{$t('receipt.nextBtn')}}</div>
  </div>
</template>

<script>
import HeaderBg from "components/HeaderBg";
export default {
  name: "exprotSy",
  data() {
    return {
      payPwd: ""
    };
  },
  methods: {
    nextBtn() {
      alert(11);
    }
  },
  components: {
    HeaderBg
  }
};
</script>

<style lang="stylus" scoped>
@import '../../../../utils/styl/mixin.styl'
#exprotSy
  positCenter(0, 0, 0, 0, 0, 0)
  width 100%
  background-color $bodyBg
  input
    margin-top rem(180)
    width rem(335)
    box-sizing border-box
    padding rem(14) rem(23)
    background-color $inputBg
    margin-bottom rem(12)
    border-radius rem(25)
    font-size rem(15)
    color $fontColor
  .nextBtn
    margin rem(161) auto 0
    width rem(335)
    box-sizing border-box
    padding rem(14) rem(23)
    background-color $tabBarActive
    color $fontColor
    border-radius rem(25)
    font-size rem(15)
</style>
